<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入样式重置表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 移入公共样式表 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入插件样式 -->
    <link rel="stylesheet" href="./css/slider.css">
    <!-- 引入当前样式表 -->
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 1、头部开始 -->
    <div id="header">
        <!-- 顶部 -->
        <div class="top bgc10 ce6">
            <!-- 版心 -->
            <div class="container ti210">
                <!-- 左边 -->
                legochina.cn
                <!-- 右边 -->
                <div class="fr">
                    欢迎光临<span class="cf60">乐购</span>，请<a href="./regsiter.html">登录</a>\<a href="#" class="cf60">注册</a>
                </div>
            </div>
        </div>
        <!-- 菜单 -->
        <div class="container rel">
            <!-- logo -->
            <a href="./index.html"><img src="./imgs/logo.jpg" alt="" class="abs logo"></a>
            <!-- 搜索和购物车 -->
            <div class="clearfix" id="searchBox">
                <div class="shopCar fr tcenter fs16 mt5">
                    <a href="./ShoppingCart.html" class="shopTxt fs14">购物车<span>0</span></a>
                    <a href="#">我的订单</a>
                </div>
                <!-- 搜索框 -->
                <form action="#" class="search fr clearfix mt5">
                    <input type="text" class="txt fl" placeholder="创意文具">
                    <input type="button" value="" class="btn fl">
                </form>
            </div>
            <!-- 主导航 -->
            <ul id="Navigation" class="clearfix">
                <li><a href="./Productlist.html">图书</a></li>
                <li><a href="#">电子书</a></li>
                <li><a href="#">原创文学</a></li>
                <li><a href="#">服装</a></li>
                <li><a href="#">户外运动</a></li>
                <li><a href="#">孕婴童</a></li>
                <li><a href="#">家居</a></li>
                <li><a href="#">创意文具</a></li>
                <li><a href="#">地方特产</a></li>
                <li><a href="#">海外购</a></li>
                <li><a href="#">电器城</a></li>
            </ul>
        </div>
    </div>

    <!-- 2.banner -->
    <div id="banner" class="container clearfix">
        <!-- 大盒子 -->
        <div class="leftbox fl rel">
            <!-- 左边 -->
            <ul>
                <li><p>图书、电子书、童书</p>
                    <!-- 内容 -->
                    <div class="submenu">
                        <h6>科技</h6>
                        <span>科普读物   计算机\网络   医学   工业技术   建筑   自然科学</span>
                    </div>
                </li>
                <li><p>创意文具</p>
                    <div class="submenu">
                        <h6>文艺</h6>
                        <span>小说   文学   传记   青春   动漫   艺术   摄影   明星</span></div>
                </li>
                <li><p>服饰、内衣</p>
                    <div class="submenu">
                        <h6>人文社科</h6>
                        <span>小说   文学   传记   青春   动漫   艺术   摄影   明星  历史   政治军事   文化   心理学   法律</span></div>
                </li>
                <li><p>鞋靴、箱包</p>
                    <div class="submenu">
                        <h6>管理</h6>
                        <span>小说   文学   传记   青春   动漫   艺术   摄影   明星    经济  投资理财   金融   互联网</span></div>
                </li>
                <li><p>运动户外</p>
                    <div class="submenu">
                        <h6>管理</h6>
                        <span>小说   文学   传记   青春   动漫   艺术   摄影   明星    经济  投资理财   金融   互联网</span>
                    </div>
                </li>
                <li><p>孕、婴、童</p>
                    <div class="submenu">
                        <h6>管理</h6>
                        <span>小说   文学   传记   青春   动漫   艺术   摄影   明星    经济  投资理财   金融   互联网</span></div>
                </li>
                <li><p>家居、家纺、汽车</p>
                    <div class="submenu">
                        <h6>励志</h6>
                        <span>小说   文学   传记   青春   动漫   艺术   摄影   明星   励志成功   职场   心灵修养</span></div>
                </li>
                <li><p>家具、家装、康体</p>
                    <div class="submenu">
                        <h6>教育</h6>
                        <span>中小学教辅   考试   大中专教辅   外语   工具书   公务员   考研</span></div>
                </li>
                <li><p>美妆、个人护理、成人</p>
                    <div class="submenu">
                        <h6>科技</h6>
                        <span>科普读物   计算机\网络   医学   工业技术   建筑   自然科学</span></div>
                </li>
                <li><p>食品、茶酒、生鲜</p>
                    <div class="submenu">
                        <h6>生活</h6>
                        <span>两性   孕期   育儿   保健   运动   休闲   旅游   美食   美妆   家居   生活   健身</span></div>
                </li>
                <li><p>腕表、珠宝、眼镜</p>
                    <div class="submenu">
                        <h6>刊\进口书</h6>
                        <span>英文进口书   杂志  港台进口书   进口艺术画册</span></div>
                </li>
                <li><p>手机、数码</p>
                    <div class="submenu">
                        <h6>管理</h6>
                        <span>小说   文学   传记   青春   动漫   艺术   摄影   明星    经济  投资理财   金融   互联网</span></div>
                </li>
                <li><p>电脑办公</p>
                    <div class="submenu">
                        <h6>教育</h6>
                        <span>中小学教辅   考试   大中专教辅   外语   工具书   公务员   考研</span></div>
                </li>
                <li><p>家用电器</p>
                    <div class="submenu">
                        <h6>文艺</h6>
                        <span>小说   文学   传记   青春   动漫   艺术   摄影   明星</span></div>
                </li>
            </ul>
        </div>
        <!-- 轮播图 -->
        <!--轮播开始-->
				<div class="pptbox" id="bannerInner">
					<!--轮播的内容-->
					<ul class="innerwrapper">
						<li>
							<a href="#"><img src="./imgs/banner1.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="./imgs/banner2.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="./imgs/banner3.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="./imgs/banner4.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="./imgs/banner5.jpg" /></a>
						</li>
					</ul>
					<!--数字控制器-->
					<ul class="controls">
						<li class="current">1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
						<li>5</li>
					</ul>
					<!--按钮控制器-->
					<span class="btnleft"></span>
					<span class="btnright"></span>
				</div>
    </div>
    
    <!-- 3.今日推荐 -->
    <div id="recommend" class="container">
        <!-- 标题 -->
        <div class="title">
            <h2 class="fs24 cf60 fnormal ti15">乐购·今日推荐</h2>
        </div>
        <!-- 内容 -->
        <ul class="innerbox mauto clearfix">
            <script>
                for (let i = 0; i < 12; i++) {   
                    document.write(`
                    <li>
                    <div class="tcenter">
                        <a href="#"><img src="./imgs/product01.jpg" alt=""></a>
                    </div>
                    <a href="#"><img src="./imgs/limitTime.jpg" alt=""></a>
                    <P class="fs14 ti5">黑爵青蜂侠六键电竞游戏鼠标</P>
                    <P class="fs14 cf60 ti5">全国联保 一年免费包换</P>
                    <h5 class="cf60 fs24 ti5 fnormal">&yen;:299</h5>
                    </li>
                    `)                 
                }
            </script>
        </ul>
    </div>

    <!-- 4.电子书 -->
    <div id="ebook" class="container mt40 clearfix floor">
        <!-- 电子书左边 -->
        <div class="leftText fl">
        <!-- 标题 -->



        <div class="title1 clearfix">
            <h2 class="fs24 c3 fl">图书 电子书</h2>
            <ul class="fr tcenter fs18 c3">
                <li class="tab active on">最新上架</li>
                <li class="tab">独家畅销</li>
                <li class="tab">电子书</li>
            </ul>
        </div>


        <div class="textIeft clearfix">
            <!-- 左边的内左 -->
            <div class="leftText1 fl">
                <div>
                    <img src="./imgs/index7_07.jpg" alt="">
                </div>
                <div>
                    <ul>
                        <script>
                            for (let i = 0; i < 12; i++) {
                                document.write(`
                                <li class="fl mg1010">中小学教辅</li>
                                `)
                            }
                        </script>
                    </ul>
                </div>
                
            </div>
            <!-- 左边的内右 -->
            <div class="rightText1 fr">
                <div class="taBoxr">
                    <!-- tab第一个图 -->
                    <ul class="clearfix ebookBox on">
                        <li class="fl">
                            <!-- 轮播图 -->
                            <div class="RotationChart">
                                <!--轮播开始-->
                                <div class="pptbox" id="RotationChart1">
                                    <!--轮播的内容-->
                                    <ul class="innerwrapper">
                                        <li>
                                            <a href="#"><img src="./imgs/banner1.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./imgs/banner2.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./imgs/banner3.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./imgs/banner4.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./imgs/banner5.jpg" /></a>
                                        </li>
                                    </ul>
                                    <!--数字控制器-->
                                    <ul class="controls">
                                        <li class="current">1</li>
                                        <li>2</li>
                                        <li>3</li>
                                        <li>4</li>
                                        <li>5</li>
                                    </ul>
                                    <!--按钮控制器-->
                                    <span class="btnleft"></span>
                                    <span class="btnright"></span>
                                </div>
                            </div>
                        </li>
                        <script>
                            for (let i = 0; i < 6; i++) {
                                document.write(`
                                <li class="boxwh fl">
                            <p class="fs20 ti5">奥运狂欢111</p>
                            <p class="ti5 cf60">10万中电子书 直降40%</p>
                            <div class="mg10">
                                <img src="./imgs/index09_05.jpg" alt="">
                            </div>
                            <span class="dib fs18 ti5 cf60">&yen;:49</span>
                            <del class="dib fs18 ti5 cccc">&yen;:79</del>
                        </li>
                                `)
                            }
                        </script>
                    
                    </ul>
                    <!-- tab第二个图 -->
                    <ul class="clearfix ebookBox">
                        <li class="fl">
                            <!-- 轮播图 -->
                            <div class="RotationChart">
                                <!--轮播开始-->
                                <div class="pptbox" id="RotationChart2">
                                    <!--轮播的内容-->
                                    <ul class="innerwrapper">
                                        <li>
                                            <a href="#"><img src="./imgs/banner1.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./imgs/banner2.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./imgs/banner3.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./imgs/banner4.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./imgs/banner5.jpg" /></a>
                                        </li>
                                    </ul>
                                    <!--数字控制器-->
                                    <ul class="controls">
                                        <li class="current">1</li>
                                        <li>2</li>
                                        <li>3</li>
                                        <li>4</li>
                                        <li>5</li>
                                    </ul>
                                    <!--按钮控制器-->
                                    <span class="btnleft"></span>
                                    <span class="btnright"></span>
                                </div>
                            </div>
                        </li>
                        <script>
                            for (let i = 0; i < 6; i++) {
                                document.write(`
                                <li class="boxwh fl">
                            <p class="fs20 ti5">奥运狂欢222</p>
                            <p class="ti5 cf60">10万中电子书 直降40%</p>
                            <div class="mg10">
                                <img src="./imgs/index09_05.jpg" alt="">
                            </div>
                            <span class="dib fs18 ti5 cf60">&yen;:49</span>
                            <del class="dib fs18 ti5 cccc">&yen;:79</del>
                        </li>
                                `)
                            }
                        </script>
                    
                    </ul>
                    <!-- tab第三个图 -->
                    <ul class="clearfix ebookBox">
                        <li class="fl">
                            <!-- 轮播图 -->
                            <div class="RotationChart">
                                <!--轮播开始-->
                                <div class="pptbox" id="RotationChart3">
                                    <!--轮播的内容-->
                                    <ul class="innerwrapper">
                                        <li>
                                            <a href="#"><img src="./imgs/banner1.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./imgs/banner2.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./imgs/banner3.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./imgs/banner4.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./imgs/banner5.jpg" /></a>
                                        </li>
                                    </ul>
                                    <!--数字控制器-->
                                    <ul class="controls">
                                        <li class="current">1</li>
                                        <li>2</li>
                                        <li>3</li>
                                        <li>4</li>
                                        <li>5</li>
                                    </ul>
                                    <!--按钮控制器-->
                                    <span class="btnleft"></span>
                                    <span class="btnright"></span>
                                </div>
                            </div>
                        </li>
                        <script>
                            for (let i = 0; i < 6; i++) {
                                document.write(`
                                <li class="boxwh fl">
                            <p class="fs20 ti5">奥运狂欢333</p>
                            <p class="ti5 cf60">10万中电子书 直降40%</p>
                            <div class="mg10">
                                <img src="./imgs/index09_05.jpg" alt="">
                            </div>
                            <span class="dib fs18 ti5 cf60">&yen;:49</span>
                            <del class="dib fs18 ti5 cccc">&yen;:79</del>
                        </li>
                                `)
                            }
                        </script>
                    
                    </ul>
                </div>
            </div>
        </div>
        </div>
        <!-- 电子书右边 -->
        <div class="rightText fr">
            <!-- 标题 -->
            <h2 class="fs24 c80 fnormal tcenter">新书畅销榜</h2>
            <!-- 列表 -->
            <ul class="c39 fs16">
                <script>
                    for (let i = 1; i <= 7; i++) {
                        document.write(`
                        <li>
                        <span>${i}</span>
                        <h4>就喜欢你看不惯我  又干不</h4>
                        <div class="clearfix">
                            <img src="./imgs/index08_05.jpg" alt="" class="fl">
                            <p class="fr">从你的世界路过
                                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                        </div>
                    </li>
                    `)

                    }
                </script>
            </ul>
        </div>
    </div>

    <!-- 5.服装 -->
    <div id="clothing" class="container mt40 floor">
        <!-- 上 -->
        <div class="clothingTop fl">
            <h2 class="fs24 c3 fl">服装</h2>
                <ul class="w306 fr">
                    <li id="Box" class="fl fs26 bgcf60 dib">女装内衣</li>
                    <li class="fl fs26 mgl5 dib">热销男装</li>
                    <li class="fl fs26 mgl5 dib">精品鞋靴</li>
                </ul>
        </div>
        <!-- 左 -->
        <div class="clothingLeft fl">
            <div>
                <img src="./imgs/index7_17.jpg" alt="">
            </div>
            <div>
                <ul>
                    <script>
                        for (let i = 0; i < 16; i++) {
                            document.write(`
                            <li class="fl mg1010">防嗮品</li>
                            `)
                        }
                    </script>
                </ul>
            </div>
        </div>

        <!-- 中 -->
        <div class="clothingCentre fl">
            <!-- 中上轮播图 -->
            <div class="clothingRotation">
                <!--轮播开始-->
				<div class="pptbox" id="clothingRotation">
					<!--轮播的内容-->
					<ul class="innerwrapper">
						<li>
							<a href="#"><img src="./imgs/banner1.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="./imgs/banner2.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="./imgs/banner3.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="./imgs/banner4.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="./imgs/banner5.jpg" /></a>
						</li>
					</ul>
					<!--数字控制器-->
					<ul class="controls">
						<li class="current">1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
						<li>5</li>
					</ul>
					<!--按钮控制器-->
					<span class="btnleft"></span>
					<span class="btnright"></span>
				</div>

            </div>
            <!-- 中下广告图 -->
            <div class="guanggao">
                <img src="./imgs/index11_08.jpg" alt="">
            </div>
        </div>

        <!-- 右 -->
        <div class="clothingRight fl">
            <!-- 右上 -->
            <div class="clothingRightTop">
                <ul>
                    <script>
                        for (let i = 0; i < 3; i++) {
                            document.write(`
                            <li class="pt4 fl ml4"><a href="#"><img src="./imgs/index100_05.jpg" alt=""></a></li>
                            `)
                        }
                        for (let i = 0; i < 3; i++) {
                            document.write(`
                            <li class="pt4 fl ml4"><img src="./imgs/index100_11.jpg" alt=""></a></li>
                            `)
                        }
                    </script>
                </ul>
            </div>
            <!-- 右下 -->
            <div class="clothingRightBottom"></div>
        </div>
        <!-- 下 -->
        <div class="clothingBottom fl">
            <ul>
                <script>
                    for (let i = 0; i < 9; i++) {
                        document.write(`
                        <li class="fl"><a href="#"><img src="./imgs/logo13_15.jpg" alt=""></a></li>
                        `)
                    }
                </script>
            </ul>
        </div>
    </div>

    <!-- 6.运动 -->
    <div id="sports" class="container mt40 floor">
        <!-- 上 -->
        <div class="clothingTop fl">
            <div class="headline fs24 fnormal title fl">户外运动</div>
            <div class="tabBox1 fr">
                <ul class="w306 fr">
                    <li id="Box" class="fl fBox">国际名品</li>
                    <li class="fl fBox">户外装备</li>
                    <li class="fl fBox">运动潮流</li>
                </ul>
            </div>
        </div>
        <!-- 左 -->
        <div class="clothingLeft fl mt6">
            <div>
                <img src="./imgs/index7_17.jpg" alt="">
            </div>
            <div>
                <ul>
                    <script>
                        for (let i = 0; i < 16; i++) { 
                            document.write(`
                            <li class="fl mg1010">奢侈品</li>
                            `)
                        }
                    </script>
                </ul>
            </div>
        </div>

        <!-- 中 -->
        <div class="clothingCentre fl">
            <!-- 中上轮播图 -->
            <div class="clothingRotation">
                <!--轮播开始-->
				<div class="pptbox" id="motionRotation">
					<!--轮播的内容-->
					<ul class="innerwrapper">
						<li>
							<a href="#"><img src="./imgs/banner1.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="./imgs/banner2.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="./imgs/banner3.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="./imgs/banner4.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="./imgs/banner5.jpg" /></a>
						</li>
					</ul>
					<!--数字控制器-->
					<ul class="controls">
						<li class="current">1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
						<li>5</li>
					</ul>
					<!--按钮控制器-->
					<span class="btnleft"></span>
					<span class="btnright"></span>
				</div>

            </div>
            <!-- 中下广告图 -->
            <div class="guanggao">
                <img src="./imgs/index11_08.jpg" alt="">
            </div>
        </div>

        <!-- 右 -->
        <div class="clothingRight fl">
            <!-- 右上 -->
            <div class="clothingRightTop">
                <ul>
                    <script>
                        for (let i = 0; i < 3; i++) {
                            document.write(`
                            <li class="pt4 fl ml4"><a href="#"><img src="./imgs/index100_05.jpg" alt=""></a></li>
                            `)
                        }
                        for (let i = 0; i < 3; i++) {
                            document.write(`
                            <li class="pt4 fl ml4"><img src="./imgs/index100_11.jpg" alt=""></a></li>
                            `)
                        }
                    </script>
                </ul>
            </div>
            <!-- 右下 -->
            <div class="clothingRightBottom"></div>
        </div>
        <!-- 下 -->
        <div class="clothingBottom fl">
            <ul>
                <script>
                    for (let i = 0; i < 9; i++) {
                        document.write(`
                        <li class="fl"><a href="#"><img src="./imgs/logo13_12.jpg" alt=""></a></li>
                        `)
                    }
                </script>
            </ul>
        </div>
    </div>

    <!-- 7.童装 -->
    <div id="child" class="container mt40 floor">
         <!-- 上 -->
         <div class="clothingTop fl">
            <div class="headline fs24 fnormal title fl">童装 童鞋 婴儿装</div>
            <div class="tabBox1 fr">
                <ul class="w306 fr">
                    <li id="Box" class="fl fBox">儿童服装</li>
                    <li class="fl fBox">婴儿装</li>
                    <li class="fl fBox">小潮童鞋</li>
                </ul>
            </div>
        </div>
        <!-- 左 -->
        <div class="clothingLeft fl mt6">
            <div>
                <img src="./imgs/index7_17.jpg" alt="">
            </div>
            <div>
                <ul>
                    <script>
                        for (let i = 0; i < 16; i++) {
                            document.write(`
                            <li class="fl mg1010">奢侈品</li>
                            `)
                        }
                    </script>
                </ul>
            </div>
        </div>

        <!-- 中 -->
        <div class="clothingCentre fl">
            <!-- 中上轮播图 -->
            <div class="clothingRotation">
                <!--轮播开始-->
				<div class="pptbox" id="childRotation">
					<!--轮播的内容-->
					<ul class="innerwrapper">
						<li>
							<a href="#"><img src="./imgs/banner1.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="./imgs/banner2.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="./imgs/banner3.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="./imgs/banner4.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="./imgs/banner5.jpg" /></a>
						</li>
					</ul>
					<!--数字控制器-->
					<ul class="controls">
						<li class="current">1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
						<li>5</li>
					</ul>
					<!--按钮控制器-->
					<span class="btnleft"></span>
					<span class="btnright"></span>
				</div>

            </div>
            <!-- 中下广告图 -->
            <div class="guanggao">
                <img src="./imgs/index11_08.jpg" alt="">
            </div>
        </div>

        <!-- 右 -->
        <div class="clothingRight fl">
            <!-- 右上 -->
            <div class="clothingRightTop">
                <ul>
                    <script>
                        for (let i = 0; i < 3; i++) {
                            document.write(`
                            <li class="pt4 fl ml4"><a href="#"><img src="./imgs/index100_05.jpg" alt=""></a></li>
                            `)
                        }
                        for (let i = 0; i < 3; i++) {
                            document.write(`
                            <li class="pt4 fl ml4"><img src="./imgs/index100_11.jpg" alt=""></a></li>
                            `)
                        }
                    </script>
                </ul>
            </div>
            <!-- 右下 -->
            <div class="clothingRightBottom"></div>
        </div>
        <!-- 下 -->
        <div class="clothingBottom fl">
            <ul>
                <script>
                    for (let i = 0; i < 9; i++) {
                        document.write(`
                        <li class="fl"><a href="#"><img src="./imgs/logo13_17.jpg" alt=""></a></li>
                        `)
                    }
                </script>
            </ul>
        </div>
    </div>

    <!-- 8.家居 -->
    <div id="home" class="container mt40 floor">
        <!-- 标题 -->
        <div class="title fs24">家居日用</div>
        <!-- 家居左边 -->
        <div class="homeleft fl">
            <a href="#"><img src="./imgs/index21_05.jpg" alt=""></a>
        </div>
        <!-- 家居右边 -->
        <div class="homeright fr">
            <div>
                <ul>
                    <script>
                        for (let i = 0; i < 4; i++) {
                            document.write(`
                            <li class="fl homerightTop"><a href="#"><img src="./imgs/index22_05.jpg" alt="" class="mg25"></a></li>
                            `)
                        }
                    </script>
                </ul>
            </div>
            <div>
                <ul>
                    <script>
                        for (let i = 0; i < 4; i++) {
                            document.write(`
                            <li class="fl homerightBottom"><a href="#"><img src="./imgs/index23_08.jpg" alt=""></a></li>
                            `)
                        }
                    </script>
                </ul>
            </div>
        </div>
    </div>

    <!-- 9.推广商品 -->
    <div id="extension" class="container mt40">
        <div class="extensionTop">
            <div class="title fs24 cf60">推广商品</div>
        </div>
        <div class="extensionBottom">
            <ul>
                <script>
                    for (let i = 0; i < 10; i++) {
                        document.write(`
                        <li class="bcf commodityImg fl mg12">
                    <div class="pd2532">
                        <a href="#"><img src="./imgs/index25_12.jpg" alt=""></a>
                    </div>
                    <p class="dib fs14 c3 w150 pd1032">Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="pd32 cf60 fs24">&yen;:189</p>
                    <p class="pd32 cccc"><a href="#"><img src="./imgs/index27_14.jpg" alt="">&emsp;已有<span class="cf60">988</span>条评论</a></p>
                </li>
                        `)
                    }
                </script>
            </ul>
        </div>
    </div>

        <!-- 下边线 -->
    <div class="xiabianxian"></div>

    <!-- 10.页脚 -->
    <!-- 四个图标 -->
    <div id="footer">
        <div class="footerTop">
            <ul class="container">
                <li><a href="#"><img src="./imgs/222_11.png" alt=""></a></li>
                <li><a href="#"><img src="./imgs/222_13.png" alt=""></a></li>
                <li><a href="#"><img src="./imgs/222_15.png" alt=""></a></li>
                <li><a href="#"><img src="./imgs/222_17.png" alt=""></a></li>
            </ul>
        </div>
    <!-- 页脚列表 -->
        <div class="footerList container">
            <!-- 页脚第一排列表盒子 -->
            <div class="footerListBox">
                <ul class="container">
                    <script>
                        for (let i = 0; i < 5; i++) {
                            document.write(`
                            <li class="footerListText dib fl"><a href="#">购物指南</a></li>
                            `) 
                        }
                    </script>
                </ul>
            </div>
            <!-- 页脚第二排列表盒子 -->
            <div class="footerListBox2">
                <ul class="container Boxtwo">
                    <script>
                        for (let i = 0; i < 19; i++) {
                            document.write(`
                            <li class="footerListText2 dib fl"><a href="#">退换货政策</a></li>
                            `)
                        }
                    </script>
                    <li class="footerLogo">
                        <div>
                            <img src="./imgs/logo_00.png" alt="">
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 最后两排 -->
        <div class="footerBottom container">
            <p class="dib mg42 lh32 tcenter">公司简介  |  Investor Relations  |  网站联盟  |  乐购招商  |  机构销售  |  手机乐购  |  官方Blog   |  热词搜索<br>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
        </div>
    </div>

    <!-- 固定头部 -->
    <div id="fixHeader"></div>

    <!-- 楼层跳转 -->
    <ul id="floorBox">
        <li class="floorBoxText1">
            <span>图书</span>
        </li>
        <li class="floorBoxText2">
            <span>服装</span>
        </li>
        <li class="floorBoxText3">
            <span>运动</span>
        </li>
        <li class="floorBoxText4">
            <span>童装</span>
        </li>
        <li class="floorBoxText5">
            <span>家居</span>
        </li>
    </ul>
        <!-- 返回顶部 -->
    <div id="returnTop">^</div>

    <!--轮播结束-->
    <script src="./lib/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
    <!--插件库-->
            <script src="./lib/slider.js" type="text/javascript" charset="utf-8"></script>
            <script src="./js/index.js"></script>
</body>
</html>